<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="../js/jquery-ui-1.9.2.custom/development-bundle/themes/base/jquery.ui.all.css">
		<script src="../js/jquery-ui-1.9.2.custom/development-bundle/jquery-1.8.3.js"></script>
		<script src="../js/jquery-ui-1.9.2.custom/development-bundle/ui/jquery.ui.core.js"></script>
		<script src="../js/jquery-ui-1.9.2.custom/development-bundle/ui/jquery.ui.widget.js"></script>
		<script src="../js/jquery-ui-1.9.2.custom/development-bundle/ui/jquery.ui.tabs.js"></script>
		<link rel="stylesheet" href="../js/jquery-ui-1.9.2.custom/development-bundle/demos/demos.css">
		<script src="../js/highcharts-3.0.4/js/highcharts.src.js"></script>
		<script src="../js/highcharts-3.0.4/js/highcharts-more.js"></script>
		<script src="highCharts.js"></script>
	</head>
	<style>
		.tabs{
			width:800px;
		}
		table{
			empty-cells: show;
			border-collapse: collapse;
			margin: 0 auto;
		}
		.mytd{
			border: 1px solid #000000;
			padding: 0 2px 0;
			vertical-align:top;
		}
	</style>
	<script>
		$(function() {    
			$("#tabs").tabs();
		});
	</script>
	<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
		<div id="tabs" class="tabs">
			<ul>
				<li><a href="#tabs-1" onclick="clear_pic()">折线图</a></li>
				<li><a href="#tabs-2" onclick="clear_pic()">柱状图</a></li>
				<li><a href="#tabs-3" onclick="clear_pic()">饼图</a></li>
				<li><a href="#tabs-4" onclick="clear_pic()">环图</a></li>
				<li><a href="#tabs-5" onclick="clear_pic()">散点图</a></li>
				<li><a href="#tabs-6" onclick="clear_pic()">液位图</a></li>
				<li><a href="#tabs-10" onclick="clear_pic()">进度条</a></li>
				<li><a href="#tabs-7" onclick="clear_pic()">雷达图</a></li>
				<li><a href="#tabs-8" onclick="clear_pic()">仪表盘</a></li>
				<li><a href="#tabs-9" onclick="clear_pic()">气泡图</a></li>
			</ul>
			<table border="0" cellspacing="0" height="680px">
				<tr>
					<td width="200px" height="680px" class="mytd">
						<div id="tabs-1">
							<table border="0" cellspacing="0" width="200px">
								<tr>
									<td height="40px" style="border-bottom:1px solid #000"><b><font size="4">自定义属性设置</font></b></td>
								</tr>
								<tr>
									<td>
										<br>
										图名：<input id="title_line" type="text" size="20" /><br>
										高度：<input id="height_line" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										宽度：<input id="width_line" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										是否显示数值：<input id="showdata_line" type="radio" name="showdata_line" value="true"/>是&nbsp;&nbsp;<input id="showdata_line" type="radio" name="showdata_line" value="false" checked="checked"/>否<br>
										X轴名：<input id="xtitle_line" type="text" size="19"/><br>
										X轴最小值：<input id="xmin_line" type="text" size="15" onkeyup="clearNoNum(this)" /><br>
										X轴最大值：<input id="xmax_line" type="text" size="15" onkeyup="clearNoNum(this)" /><br>
										Y1轴名：<input id="y1title_line" type="text" size="18" /><br>
										Y1轴最小值：<input id="y1min_line" type="text" size="14" onkeyup="clearNoNum(this)" /><br>
										Y1轴最大值：<input id="y1max_line" type="text" size="14" onkeyup="clearNoNum(this)" /><br>
										Y2轴名：<input id="y2title_line" type="text" size="18" /><br>
										Y2轴最小值：<input id="y2min_line" type="text" size="14" onkeyup="clearNoNum(this)" /><br>
										Y2轴最大值：<input id="y2max_line" type="text" size="14" onkeyup="clearNoNum(this)" /><br>
										是否从原点开始：<input id="origin_line" type="radio" name="origin_line" value="true"/>是&nbsp;&nbsp;<input id="origin_line" type="radio" name="origin_line" value="false" checked="checked"/>否<br>
										X轴刻度值偏转角度：<input id="rotation_line" type="text" size="8" onkeyup="clearNoNum(this)" /><br>
										是否支持放大：<input id="zoom_line" type="radio" name="zoom_line" value="xy"/>是&nbsp;&nbsp;<input id="zoom_line" type="radio" name="zoom_line" value="" checked="checked"/>否<br>
										<br>
										<br>
										<br>
										<input type="button" value="DRAW" onclick="prepare('line')" size="10" style="margin-right:14px;float:right"/>
									</td>
								<tr>
							</table>
						</div>
						<div id="tabs-2">
							<table border="0" cellspacing="0" width="200px">
								<tr>
									<td height="40px" style="border-bottom:1px solid #000"><b><font size="4">自定义属性设置</font></b></td>
								</tr>
								<tr>
									<td>
										<br>
										图名：<input id="title_column" type="text" size="20" /><br>
										高度：<input id="height_column" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										宽度：<input id="width_column" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										是否显示数值：<input type="radio" id="showdata_column" name="showdata_column" value="true"/>是&nbsp;&nbsp;<input type="radio" id="showdata_column" name="showdata_column" value="false" checked="checked"/>否<br>
										X轴名：<input id="xtitle_column" type="text" size="19"/><br>
										X轴最小值：<input id="xmin_column" type="text" size="15" onkeyup="clearNoNum(this)" /><br>
										X轴最大值：<input id="xmax_column" type="text" size="15" onkeyup="clearNoNum(this)" /><br>
										Y1轴名：<input id="y1title_column" type="text" size="18" /><br>
										Y1轴最小值：<input id="y1min_column" type="text" size="14" onkeyup="clearNoNum(this)" /><br>
										Y1轴最大值：<input id="y1max_column" type="text" size="14" onkeyup="clearNoNum(this)" /><br>
										Y2轴名：<input id="y2title_column" type="text" size="18" /><br>
										Y2轴最小值：<input id="y2min_column" type="text" size="14" onkeyup="clearNoNum(this)" /><br>
										Y2轴最大值：<input id="y2max_column" type="text" size="14" onkeyup="clearNoNum(this)" /><br>
										柱子方向：<input id="direction_column" type="radio" name="direction_column" value="column" checked="checked"/>纵向&nbsp;&nbsp;<input id="direction_column" type="radio" name="direction_column" value="bar"/>横向<br>
										<br>
										<br>
										<br>
										<input type="button" value="DRAW" onclick="prepare('column')" size="10" style="margin-right:14px;float:right"/>
									</td>
								<tr>
							</table>
						</div>
						<div id="tabs-3">
							<table border="0" cellspacing="0" width="200px">
								<tr>
									<td height="40px" style="border-bottom:1px solid #000"><b><font size="4">自定义属性设置</font></b></td>
								</tr>
								<tr>
									<td>
										<br>
										图名：<input id="title_pie" type="text" size="20" /><br>
										高度：<input id="height_pie" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										宽度：<input id="width_pie" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										是否显示数值：<input id="showdata_pie" type="radio" name="showdata_pie" value="true"/>是&nbsp;&nbsp;<input id="showdata_pie" type="radio" name="showdata_pie" value="false" checked="checked"/>否<br>
										默认选中的分类：<input id="select_series_pie" type="text" size="12" /><br>
										<br>
										<br>
										<br>
										<input type="button" value="DRAW" onclick="prepare('pie')" size="10" style="margin-right:14px;float:right"/>
									</td>
								<tr>
							</table>
						</div>
						<div id="tabs-4">
							<table border="0" cellspacing="0" width="200px">
								<tr>
									<td height="40px" style="border-bottom:1px solid #000"><b><font size="4">自定义属性设置</font></b></td>
								</tr>
								<tr>
									<td>
										<br>
										图名：<input id="title_doublepie" type="text" size="20" /><br>
										高度：<input id="height_doublepie" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										宽度：<input id="width_doublepie" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										是否显示数值：<input type="radio" id="showdata_doublepie" name="showdata_doublepie" value="true"/>是&nbsp;&nbsp;<input type="radio" id="showdata_doublepie" name="showdata_doublepie" value="false" checked="checked"/>否<br>
										内环：<input id="inner_doublepie" type="text" size="20" /><br>
										外环：<input id="outer_doublepie" type="text" size="20" /><br>
										<br>
										<br>
										<br>
										<input type="button" value="DRAW" onclick="prepare('doublepie')" size="10" style="margin-right:14px;float:right"/>
									</td>
								<tr>
							</table>
						</div>
						<div id="tabs-5">
							<table border="0" cellspacing="0" width="200px">
								<tr>
									<td height="40px" style="border-bottom:1px solid #000"><b><font size="4">自定义属性设置</font></b></td>
								</tr>
								<tr>
									<td>
										<br>
										图名：<input id="title_scatter" type="text" size="20" /><br>
										高度：<input id="height_scatter" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										宽度：<input id="width_scatter" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										是否显示数值：<input id="showdata_scatter" type="radio" name="showdata_scatter" value="true"/>是&nbsp;&nbsp;<input id="showdata_scatter" type="radio" name="showdata_scatter" value="false" checked="checked"/>否<br>
										X轴名：<input id="xtitle_scatter" type="text" size="19"/><br>
										X轴最小值：<input id="xmin_scatter" type="text" size="15" onkeyup="clearNoNum(this)" /><br>
										X轴最大值：<input id="xmax_scatter" type="text" size="15" onkeyup="clearNoNum(this)" /><br>
										Y1轴名：<input id="y1title_scatter" type="text" size="18" /><br>
										Y1轴最小值：<input id="y1min_scatter" type="text" size="14" onkeyup="clearNoNum(this)" /><br>
										Y1轴最大值：<input id="y1max_scatter" type="text" size="14" onkeyup="clearNoNum(this)" /><br>
										是否支持放大：<input id="zoom_scatter" type="radio" name="zoom_scatter" value="xy"/>是&nbsp;&nbsp;<input id="zoom_scatter" type="radio" name="zoom_scatter" value="" checked="checked"/>否<br>
										<br>
										<br>
										<br>
										<input type="button" value="DRAW" onclick="prepare('scatter')" size="10" style="margin-right:14px;float:right"/>
									</td>
								<tr>
							</table>
						</div>
						<div id="tabs-6">
							<table border="0" cellspacing="0" width="200px">
								<tr>
									<td height="40px" style="border-bottom:1px solid #000"><b><font size="4">自定义属性设置</font></b></td>
								</tr>
								<tr>
									<td>
										<br>
										图名：<input id="title_level" type="text" size="20" /><br>
										高度：<input id="height_level" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										宽度：<input id="width_level" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										是否显示数值：<input id="showdata_level" type="radio" name="showdata_level" value="true"/>是&nbsp;&nbsp;<input id="showdata_level" type="radio" name="showdata_level" value="false" checked="checked"/>否<br>
										最小值：<input id="y1min_level" type="text" size="18" onkeyup="clearNoNum(this)" /><br>
										最大值：<input id="y1max_level" type="text" size="18" onkeyup="clearNoNum(this)" /><br>
										目标值：<input id="target_level" type="text" size="18" onkeyup="clearNoNum(this)" /><br>
										<br>
										<br>
										<br>
										<input type="button" value="DRAW" onclick="prepare('level')" size="10" style="margin-right:14px;float:right"/>
									</td>
								<tr>
							</table>
						</div>
						<div id="tabs-10">
							<table border="0" cellspacing="0" width="200px">
								<tr>
									<td height="40px" style="border-bottom:1px solid #000"><b><font size="4">自定义属性设置</font></b></td>
								</tr>
								<tr>
									<td>
										<br>
										图名：<input id="title_target" type="text" size="20" /><br>
										高度：<input id="height_target" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										宽度：<input id="width_target" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										是否显示数值：<input id="showdata_target" type="radio" name="showdata_target" value="true"/>是&nbsp;&nbsp;<input id="showdata_target" type="radio" name="showdata_target" value="false" checked="checked"/>否<br>
										最小值：<input id="y1min_target" type="text" size="18" onkeyup="clearNoNum(this)" /><br>
										最大值：<input id="y1max_target" type="text" size="18" onkeyup="clearNoNum(this)" /><br>
										目标值：<input id="target_target" type="text" size="18" onkeyup="clearNoNum(this)" /><br>
										<br>
										<br>
										<br>
										<input type="button" value="DRAW" onclick="prepare('target')" size="10" style="margin-right:14px;float:right"/>
									</td>
								<tr>
							</table>
						</div>
						<div id="tabs-7">
							<table border="0" cellspacing="0" width="200px">
								<tr>
									<td height="40px" style="border-bottom:1px solid #000"><b><font size="4">自定义属性设置</font></b></td>
								</tr>
								<tr>
									<td>
										<br>
										图名：<input id="title_radar" type="text" size="20" /><br>
										高度：<input id="height_radar" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										宽度：<input id="width_radar" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										是否显示数值：<input id="showdata_radar" type="radio" name="showdata_radar" value="true"/>是&nbsp;&nbsp;<input id="showdata_radar" type="radio" name="showdata_radar" value="false" checked="checked"/>否<br>
										轴的刻度方向：<br><input id="reversed_radar" type="radio" name="reversed_radar" value="false" checked="checked"/>从内向外&nbsp;&nbsp;<input id="reversed_radar" type="radio" name="reversed_radar" value="true"/>从外向内<br>
										<br>
										<br>
										<br>
										<input type="button" value="DRAW" onclick="prepare('radar')" size="10" style="margin-right:14px;float:right"/>
									</td>
								<tr>
							</table>
						</div>
						<div id="tabs-8">
							<table border="0" cellspacing="0" width="200px">
								<tr>
									<td height="40px" style="border-bottom:1px solid #000"><b><font size="4">自定义属性设置</font></b></td>
								</tr>
								<tr>
									<td>
										<br>
										图名：<input id="title_gauge" type="text" size="20" /><br>
										高度：<input id="height_gauge" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										宽度：<input id="width_gauge" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										是否显示数值：<input id="showdata_gauge" type="radio" name="showdata_gauge" value="true"/>是&nbsp;&nbsp;<input id="showdata_gauge" type="radio" name="showdata_gauge" value="false" checked="checked"/>否<br>
										最小值：<input id="y1min_gauge" type="text" size="18" /><br>
										最大值：<input id="y1max_gauge" type="text" size="18" /><br>
										各阀值：<input id="threshold_gauge" type="text" size="18" /><br>
										各区段颜色：&nbsp;<input id="colors_gauge" type="text" size="14" /><br>
										<br>
										<br>
										<br>
										<input type="button" value="DRAW" onclick="prepare('gauge')" size="10" style="margin-right:14px;float:right"/>
									</td>
								<tr>
							</table>
						</div>
						<div id="tabs-9">
							<table border="0" cellspacing="0" width="200px">
								<tr>
									<td height="40px" style="border-bottom:1px solid #000"><b><font size="4">自定义属性设置</font></b></td>
								</tr>
								<tr>
									<td>
										<br>
										图名：<input id="title_bubble" type="text" size="20" /><br>
										高度：<input id="height_bubble" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										宽度：<input id="width_bubble" type="text" size="20" onkeyup="clearNoNum(this)" /><br>
										是否显示数值：<input id="showdata_bubble" type="radio" name="showdata_bubble" value="true"/>是&nbsp;&nbsp;<input id="showdata_bubble" type="radio" name="showdata_bubble" value="false" checked="checked"/>否<br>
										是否支持放大：<input id="zoom_bubble" type="radio" name="zoom_bubble" value="xy"/>是&nbsp;&nbsp;<input id="zoom_bubble" type="radio" name="zoom_bubble" value="" checked="checked"/>否<br>
										<br>
										<br>
										<br>
										<input type="button" value="DRAW" onclick="prepare('bubble')" size="10" style="margin-right:14px;float:right"/>
									</td>
								<tr>
							</table>
						</div>
					</td>
					<td width="600px" height="680px" class="mytd">
						<div id="chart"></div>
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>